<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<title>Fx</title>
		<script src="../../py/system.js" type="text/javascript"></script>
		<script src="../../py/system/dom/element.js" type="text/javascript"></script>
		<script src="../../py/system/fx/base.js" type="text/javascript"></script>
		<script src="../../py/system/fx/animate.js" type="text/javascript"></script>
		
		<script src="../../common/project/project.js" type="text/javascript"></script>
		<script src="../../common/assets/scripts/default.js" type="text/javascript"></script>
		<script src="../../common/assets/scripts/debug.js" type="text/javascript"></script>
	</head>
	<body> 
		<div style="background: yellow; margin:30px; padding-top: 27px; padding-bottom:30px;" id="a">
				<div style="background: red; width:200px;" id="aa">s<div style="background: black; color:white" id="aba">sadsd</div></div>
				<div style="background: green;" id="ab">f<input type="button" name="button" id="button" value="子控件" /></div>
			</div>
			<hr>
		<script>
			var a = $('a'), aa = $('aa'), aba = $('aba'), ab = $('ab');
			var fns = [
				["toggle()", function(){ a.toggle(1000); }, null, 8],
				["toggle(height)", function(){ a.toggle(1000, null, 'height'); }, null, 8],
				["toggle(width)", function(){ a.toggle(1000, null, 'width'); }, null, 8],
				["toggle(opacity)", function(){ a.toggle(1000, null, 'opacity'); }, null, 8],
				["toggle(left)", function(){ a.toggle(1000, null, 'left'); }, null, 8],
				["toggle(top)", function(){ a.toggle(1000, null, 'top'); }, null, 8],
				["toggle(right)", function(){ a.toggle(1000, null, 'right'); }, null, 8],
				["toggle(bottom)", function(){ a.toggle(1000, null, 'bottom'); }, null, 8],
				["toggle(width)", function(){ a.hide(1000); }, null, 8],
				["hide(0)", function(){ a.hide(0); }]
			];
			
		</script>
	</body>
</html>